<!DOCTYPE html>
<html lang="en">
<head>
    <<meta charset="UTF-8">
    <title>支付成功页面</title>
    <!--bootstrap-->
    <link href="/shop-app/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/shop-app/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/shop-app/bootstrap/js/bootstrap.min.js"></script>
    <script src="/shop-app/js/CacheUtil.js"></script>
    <script src="/shop-app/js/HttpUtil.js"></script>
    <script src="/shop-app/js/OrdersUtils.js"></script>
    <script src="../js/UserCacheUtil.js"></script>
</head>
<body>
<!--导入页面公共头部-->
<div class="Top_header"></div>
<nav class="navbar navbar-default col-xs-10 col-xs-offset-1">
    <div class="container ">
        <div>
            <div class="jumbotron">
                <h3 style="color: #1c7430">支付成功！！！</h3>
                <p>点击按钮返回主页</p>
                <!--  同时需要修改订单状态  将0(未支付) 改为 1(已经付款未发货)   -->
                <p><button class="btn btn-primary btn-lg"   onclick="chageState()">主页</button></p>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</nav>


<script>
    $(".Top_header").load("/shop-app/include/header.html");

    //获取拼接中url上面的参数
    var url = window.location.href;

    console.log("获取到当前的URL：");
    console.log(url);   //http://localhost:8080/shop-app/orders/paySuccess.html?订单编号

    //分割字符串获取参数
    var strList = url.split('?');

    //获取订单编号
    console.log("获取到的订单编号：");
    var oId = strList[1];
    console.log(oId);
    function chageState() {
        //发起Ajax请求  将订单状态由 1（已支付，待发货） 改为 2（以发货，待收货）
        $.ajax({
                url:'/shop-api/orders/chageOstateTwo', //后端查询商品ID接口
                type:'post', //请求方式（前后端统一）!!!
                data:JSON.stringify({oId:oId}),
                contentType: "application/json",
                // ajax请求后端数据成功
                success:function(){
                    //重定向至首页
                    console.log("跳转至首页");
                    $(window).attr('location', '/shop-app/index.html');
                }
            }
        )
    }

</script>
</body>
</html>